<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试onload,onblur</title>
    <script src="js/common.js"></script>
    <style>
        #msg{color:red;}
    </style>
</head>
<body>
<h1>我的第一个js程序</h1>
<h2>2号标题</h2>

<p>我是段落1</p>
<p>我是段落2</p>
<p>我是段落3</p>
<p>
    <input type="text" onfocus="clearMsg()" onblur="checkUsername(this)"/>
    <span id="msg"></span>
</p>

<script>
    // document.body.onload=function (){
    //     alert("aaaaa");
    // }
    // 转大写
    function uppercase(obj) {
        obj.value = obj.value.toUpperCase();
    }

    //验证用户名长度必须达到6位
    function checkUsername(obj) {
        let usernmae = obj.value;
        if (usernmae.length < 6) {
            $("msg").innerText="用户名长度必须达到6位！";
        }
    }
    function clearMsg(){
        $("msg").innerText="";
    }
</script>
</body>
</html>